Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

8956 - Improve swaplist drop area #8978

Merged
merged 9 commits into from
Aug 27, 2024
Merged

8956 - Improve swaplist drop area #8978

merged 9 commits into from
Aug 27, 2024

Conversation

ericangeles
Copy link
Contributor

@ericangeles ericangeles commented Aug 21, 2024

Explain the details for making this change. What existing problem does the pull request solve?

This PR improves the size of the SwapList's drop area when there are no existing items and also fixes some UI inconsistencies.

Additional:

  • Refactor some codes in Swaplist
  • A command for visual testing in percy
  • Documentation in testing

Related github/jira issue (required):

Closes #8956

Steps necessary to review your pull request (required):

Included in this Pull Request:
- [ ] A test for the bug or feature.

  • A note to the change log.

@ericangeles ericangeles requested a review from a team as a code owner August 21, 2024 15:45
tmcconechy
tmcconechy previously approved these changes Aug 21, 2024
Copy link

@n-ace-ancog n-ace-ancog left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The drop area is now bigger.

Screen.Recording.2024-08-22.at.2.36.59.PM.mov

But, there is this animation going back to its origin when trying to drop the item just below the drop area. Look at the 0:05 at the video below

Screen.Recording.2024-08-22.at.2.38.07.PM.mov

Also, in RTL its working, but the rounded edge of the boxes are facing the wrong sides when flipped.

image

image

jbrcna
jbrcna previously approved these changes Aug 22, 2024
Copy link
Contributor

@jbrcna jbrcna left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

@tmcconechy
Copy link
Member

Good from me. Maybe look at @n-ace-ancog 's point? I didnt notice the animation in the video but we could fix the rounding ect

Copy link
Contributor

@glenlieorillo glenlieorillo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I have the same observation with @n-ace-ancog regarding the animation.

Screen.Recording.2024-08-27.at.12.19.21.PM.mov

image

@ericangeles ericangeles dismissed stale reviews from jbrcna and tmcconechy via 4021333 August 27, 2024 06:35
@ericangeles
Copy link
Contributor Author

@n-ace-ancog, the animation rollback occurs because the target area doesn’t fully cover the card content area. I’ve made an adjustment so that if you drag outside the area of the existing swap list item, the indicator will cover the entire card content area.

Copy link
Contributor

@jbrcna jbrcna left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Large GIF (1248x748)

@tmcconechy tmcconechy merged commit db3371a into main Aug 27, 2024
4 checks passed
@tmcconechy tmcconechy deleted the 8956-swaplist-drop-area branch August 27, 2024 13:39
@tmcconechy
Copy link
Member

I think we are good here then?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

SwapList: Enlarge the drop target area when there is no existing item to begin with
5 participants